<template>
	<!-- 首页：名厨，餐宴的基本组件 -->
	<view class="card">
		<view class="head">
			<!-- 默认显插槽 -->
			<!-- <image src="../static/9.png" mode=""></image> -->
			<slot></slot>
		</view>
		<view class="info">
			<slot name="info">内容</slot>
		</view>
		<view class="footer">更多{{msg}}</view>
	</view>
</template>

<script>
	export default {
		name:"IndezCard",
		props:{
			msg:{
				type:String,
				default:"名厨"
			}
		},
		name:"IndexCard",
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="less">
.card{
	margin: 30rpx 0;
	padding: 30rpx;
	
	.head{
		text-align: center;
	}
	.footer{
		text-align: center;
	}
}
</style>
